import React from 'react';
import {PageHeader, Row, Col, Button} from 'antd';

const layout = {
  xs: {span: 24},
  md: {span: 12, offset: 6}
};

export default ({history}) => {

  return (
    <div>
      <PageHeader title="信息工程学院新生入学"
                  style={{textAlign: 'center'}}/>
      <Row align="middle" justify="center" type="flex"
           style={{minHeight: '80vh', margin: 10}}>
        <Col {...layout}>
          <Button size="large" block
                  type="primary"
                  onClick={() => history.push('/play')}>
            认同学
          </Button>
        </Col>
      </Row>
    </div>
  )
}
